a{
    cursor: pointer;
    user-select: none;
}
.hirsi-nav-left, .hirsi-nav-right .hirsi-nav-left li, .hirsi-nav-right li, .hirsi-nav-left li a, .hirsi-nav-right li a, .hirsi .layui-logo, .hirsi .layui-header{
    height: 50px;
    line-height: 50px;
}
.layui-side, .layui-side ul, .layui-header, .layui-body, .layui-footer, .layui-icon, .layui-side ul li a cite{
    transition: all .2s;
}
.layui-header, .layui-body, .layui-footer{
    left: 220px!important;
}
.hirsi .layui-header{
    border-bottom: 1px solid #f6f6f6;
    box-sizing: border-box;
    background-color: #fff;
    position: fixed;
    right: 0;
}
.hirsi-nav-left{
    float: left;
}
.hirsi-nav-right{
    float: right;
}
.hirsi-nav-left li{
    width: 20px;
    margin: 0 20px;
}
.hirsi-nav-right li a{
    color: #333!important;
}
.hirsi-nav-right li dl{
    top: 50px;
}
.hirsi-nav-right li dl dd a{
    height: 36px;
    line-height: 36px;
}
.hirsi-nav-right li dl .layui-this a, .hirsi-tabs-select li dl .layui-this a{
    background-color: white!important;
    color: #333!important;
}
.hirsi-nav-left li a{
    padding: 0!important;
    text-align: center;
    color: #333!important;
}
.hirsi-nav-right li a span.layui-nav-more{
    border-top-color: #333!important;
}
.hirsi-nav-right li a span.layui-nav-mored{
    border-bottom-color: #333!important;
    border-top-color: transparent!important;
}
.hirsi-nav-left li a i, .hirsi-nav-right li a i{
    font-size: 18px;
    color: #333;
}
.hirsi-nav-left .layui-nav-bar, .hirsi-nav-right .layui-nav-bar{
    top: 0 !important;
    height: 2px;
    background-color: #20222A;
}
.hirsi .layui-side{
    top: 0;
    background-color: #20222A !important;
    z-index: 9999;
    width: 220px;
}
.hirsi .layui-side ul li a cite{
    margin-left: 10px;
}
.hirsi .layui-side ul li .layui-nav-child dd a{
    padding-left: 43px;
}
.hirsi .layui-logo{
    cursor: pointer;
    user-select: none;
    position: relative;
    color: rgba(255,255,255,.8);
}

.hirsi .layui-side ul{
    background-color: transparent;
    width: 220px;
}
.layui-body{
    top: 50px!important;
    background-color: #f2f2f2;
}
.layui-body .hirsi-tabs{
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
.layui-body .hirsi-tabs .layui-icon-prev{
    left: 0;
    border-left: none;
    border-right: 1px solid #f6f6f6;
}
.layui-body .hirsi-tabs .layui-icon-next{
    right: 40px;
}
.layui-body .hirsi-tabs .tabs-control{
    position: absolute;
    top: 0;
    width: 40px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    border-left: 1px solid #f6f6f6;
}
.layui-body .hirsi-tabs .layui-icon-down{
    right: 0;
}
.layui-nav.hirsi-tabs-select{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: none;
}
.layui-nav.hirsi-tabs-select span{
    display: none;
}
.layui-nav.hirsi-tabs-select li a{
    height: 40px;
    color: #666;
}
.layui-nav.hirsi-tabs-select li dl{
    top: 40px;
    left: auto;
    right: 0;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-title{
    height: 40px;
    border: none;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-title li{
    border-right: 1px solid #f6f6f6;
    min-width: 0;
    max-width: 160px;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-title li.layui-this{
    background-color: #f6f6f6;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-title li.layui-this:after{
    width: 100%;
    border: none;
    height: 2px;
    background-color: #292B34;
}
.layui-body .hirsi-tabs .layui-tab{
    margin: 0;
    overflow: hidden;
    padding: 0 40px;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-title li:first-child .layui-tab-close{
    display: none;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-content{
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
}
.layui-body .hirsi-tabs .layui-tab .layui-tab-content .layui-tab-item{
    height: 100%;
}
.hirsi-iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.layui-footer{
    height: 43px!important;
    border-top: 1px solid #e0dede;
    text-align: center;
}
.hirsi-shrink .layui-side, .hirsi-shrink .layui-side ul{
    width: 60px!important;
}
.hirsi-shrink .layui-header, .hirsi-shrink .layui-body, .hirsi-shrink .layui-footer{
    left: 60px!important;
}
.hirsi-shrink .layui-side .layui-logo span, .hirsi-shrink .layui-side ul li a cite, .hirsi-shrink .layui-side ul li a span, .hirsi-shrink .layui-side ul li dl.layui-nav-child{
    display: none;
}
.hirsi-shrink .layui-side .layui-logo{
    width: 60px;
    background: url(../img/logo.png) no-repeat center center;
    background-size: 30px 30px;
}


.loadding{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background-color: white;
}

.sk-three-bounce {
    /*使用弹性布局让加载动画持续会于页面中央，不随滚动条变化*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -30px;
}

.sk-three-bounce .sk-child {
    /*在这里设置加载球的大小*/
    width: 50px;
    height: 50px;
    /*加载求的颜色在这里修改*/
    background-color: #1E9FFF;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}